<template>
  <footer>
    <p class="footer-p">
      <a href="https://beian.miit.gov.cn/" target="_blank">
        {{ options['site.icp'] }}
      </a>
    </p>
    <div class="copyright">
      <p class="footer-p">{{ options['site.copyright'] }}</p>
      <p class="footer-p">{{ options['site.otherFooter'] }}</p>
    </div>
  </footer>
</template>

<script>
import { mapGetters } from "vuex";

const toTop = ""

export default {
  name: "mobile-footer",
  data() {
    return {
      toTop
    }
  },
  computed: {
    ...mapGetters({
      options: 'options/options'
    })
  }
}
</script>

<style>
footer {
  font-size: 15px;
  color: #999898;
  text-align: center;
  margin: 20px 0 70px 0;
}

.footer-p {
  font-size: 12px;
  margin: 10px 0 10px 0;
}
</style>
